.table-container {
	.table {
		position: relative;
		width: 100%;
		border: 1px solid var(--color-border-2);
		border-radius: 4px;
		border-spacing: 0;

		.head {
			font-weight: normal;
			text-align: left;

			& > th {
				position: sticky;
				top: -5px;
				padding: 0.5rem 1rem;
				font-weight: normal;
				background-color: var(--color-bg-3);
				border-bottom: 1px solid var(--color-border-2);
			}

			.action {
				width: 10em;
			}
		}

		.row {
			&:last-child > td {
				border-color: transparent;
			}

			& > td {
				padding: 0.5rem 1rem;
				white-space: nowrap;
				word-wrap: break-word;
				border-bottom: 1px solid var(--color-border-2);

				.control {
					color: var(--color-success);
					cursor: pointer;
				}
			}

			.red {
				color: var(--color-error);
			}
			.success-color {
				color: var(--color-success);
			}
		}
	}
}
